<template>
  <div>
    <!-- 组件中，
     布尔值的属性，实际传递过去的是空字符串。因为 props 设置了它是布尔值，Vue会自动把这个值设置为true
      如果没有这个布尔值属性，实际上并没有传递这个属性过去。因为 props 设置了它是布尔值，Vue也会自动添加这个props，并把这个值设为false
    -->
    <hm-input
      placeholder="密码"
      type="password"
      name="age"
      disabled
    ></hm-input>

    <hm-input v-model="myValue"></hm-input>

    <!--  可清空内容  -->
    <hm-input v-model="myValue" clearable></hm-input>

    <!--  密文输入，需要可显示明文  -->
    <hm-input v-model="myValue" type="password" show-password></hm-input>
  </div>
</template>

<script>
export default {
  name: 'InputView',
  data () {
    return {
      myValue: ''
    }
  }
}
</script>

<style scoped>

</style>
